<!DOCTYPE html>
<html lang="en">
<head lang="en">
    <meta charset="UTF-8">
    <title>可视化采集平台</title>
    <link href="{{ static_url('lib/bootstrap-3.3.7/css/bootstrap.css') }}" rel="stylesheet">
    <link href="{{ static_url('css/bootstrap-treeview.min.css')}}" rel="stylesheet">
    <link href="{{ static_url('favicon.ico') }}" type="image/x-icon" rel="shortcut icon" >
    <link href="{{ static_url('css/base.css') }}" rel="stylesheet">
    <link href="{{ static_url('css/base.css') }}" rel="stylesheet">
    <link href="{{ static_url('css/bootstrap-table.min.css') }}" rel="stylesheet">
    <script src="{{ static_url('lib/jquery-2.1.4.min.js') }}"></script>
    <script src="{{ static_url('lib/bootstrap-3.3.7/js/bootstrap.js') }}"></script>
    <script src="{{ static_url('lib/bootstrap-treeview.min.js')}}"></script>
    <script src="{{ static_url('lib/bootstrap-table.min.js') }}"></script>
    <script src="{{ static_url('lib/bootstrap-table-zh-CN.min.js') }}"></script>
    <script src="{{ static_url('lib/tableExport.js') }}"></script>
    <script src="{{ static_url('lib/bootstrap-table-export.min.js') }}"></script>
    <script src="{{ static_url('js/data.js') }}"></script>
</head>
<body>
    {% include "base.html" %}
    <div class="container-fluid">
		<div class="row">
			<div class="col-xs-2">
				<div id="collection_tree"></div>
			</div>
			<div class="col-xs-8">
				<table id="collection_data"></table>
			</div>
		</div>
    </div>
    <script>
        var tree = {% raw collection_names %};
        $('#collection_tree').treeview({
			data: tree,
			showTags: true,
			showBorder: false,
            color: "#428bca",
			onNodeSelected: function(event, node) {
			    initColumns(node.text);
            }
		});

    </script>
</body>
</html>